<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/7--%>
<%--  Time: 11:03--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        table{--%>
<%--            width: 1200px;--%>
<%--        }--%>
<%--        tr,td{--%>
<%--            border: grey 1px ;--%>
<%--        }--%>
<%--        td{--%>
<%--            height: 40px;--%>
<%--        }--%>

<%--        table td{--%>
<%--            height: 60px;--%>
<%--            vertical-align: middle!important;  /*设置文字垂直居中*/--%>
<%--            text-align: center;--%>
<%--        }--%>

<%--        tr,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}--%>

<%--        th{font-weight:bold;background:#ccc;}--%>

<%--        .con-b .row .lf{--%>
<%--            width: 15%;--%>
<%--            text-align: center;--%>
<%--            padding: 10px;--%>
<%--        }--%>
<%--        .con-b .row .rg{--%>
<%--            width: 85%;--%>
<%--        }--%>

<%--        .con-b tr:nth-of-type(odd){--%>
<%--            background-color: #f2f2f2;--%>
<%--        }--%>



<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>

<%--</head>--%>
<%--<body>--%>
<%--&lt;%&ndash; searchMyStudent  matchText&ndash;%&gt;--%>
<%--<div style="width: 1200px;height: 50px;margin-left:260px;background-color: aliceblue;border: grey 1px solid">--%>
<%--&lt;%&ndash;    搜索框&ndash;%&gt;--%>
<%--    <div style="float: right;height: 70px">--%>

<%--        <c:if test="${session_person.getUserIdentify()==0}">--%>
<%--            <form action="student.action?action=searchTeacher" style="margin-top: 10px" method="post">--%>
<%--        </c:if>--%>
<%--        <c:if test="${session_person.getUserIdentify()==1}">--%>
<%--            <form action="tea.action?action=searchMyStudent" style="margin-top: 10px" method="post">--%>
<%--        </c:if>--%>
<%--        <c:if test="${session_person.getUserIdentify()==2}">--%>
<%--            <form action="man.action?action=search" style="margin-top: 10px" method="post">--%>
<%--        </c:if>--%>
<%--            <input type="text" name="matchText" style="height: 30px;width: 450px;font-size: 28px;font-family: cursive;color: darkslateblue;border: deepskyblue solid 1px;border-radius: 2px">--%>

<%--            <input type="submit" style="margin-left: 6px;margin-right: 30px" value="查询">--%>

<%--        </form>--%>
<%--    </div>--%>

<%--</div>--%>


<%--<table border="1" cellspacing="0" align="center" class="con-b">--%>
<%--    <thead>--%>

<%--&lt;%&ndash;    'userAccount' 'userName' 'userSex' 'userBirthday' 'userIdCard' 'userPassword' 'userIdentify''userOtherName'&ndash;%&gt;--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">账户</td>--%>
<%--        <td class="lf">姓名</td>--%>
<%--        <td class="lf" style="width: 10%">性别</td>--%>

<%--        <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--            <td class="lf">生日</td>--%>
<%--            <td class="lf">身份证号码</td>--%>
<%--            <td class="lf">角色</td>--%>

<%--        </c:if>--%>

<%--        <td class="lf">其它名称</td>--%>
<%--        <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--            <td>删除</td>--%>
<%--        </c:if>--%>

<%--        <td style="width: 15%">操作</td>--%>
<%--    </tr>--%>
<%--    </thead>--%>
<%--    <tbody>--%>
<%--    &lt;%&ndash;    'userAccount' 'userName' 'userSex' 'userBirthday' 'userIdCard' 'userPassword' 'userIdentify''userOtherName'&ndash;%&gt;--%>
<%--    <c:forEach items="${arr}" var="person">--%>
<%--        <tr>--%>
<%--            <td class="lf">${person.getUserAccount()}</td>--%>
<%--            <td class="lf">${person.getUserName()}</td>--%>
<%--            <td class="lf">${person.getUserSex()}</td>--%>
<%--            <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--                <td class="lf">${person.getUserBirthday()}</td>--%>
<%--                <td class="lf">${person.getUserIdCard()}</td>--%>
<%--                <td class="lf">--%>
<%--                        &lt;%&ndash;            userIdentify   setUserIdentify&ndash;%&gt;--%>
<%--                    <c:if test="${person.getUserIdentify()==0}">--%>
<%--                        学生--%>
<%--                    </c:if>--%>
<%--                    <c:if test="${person.getUserIdentify()==1}">--%>
<%--                        老师--%>
<%--                    </c:if>--%>
<%--                </td>--%>
<%--            </c:if>--%>

<%--            <td class="lf">${person.getUserOtherName()}</td>--%>

<%--            <c:if test="${session_person.getUserIdentify()==1}">--%>
<%--                <td><img src="del.jpg" onclick="deleteThisPersonByTeacher('${person.getUserAccount()}')"></td>--%>
<%--            </c:if>--%>

<%--            <c:if test="${session_person.getUserIdentify()==2}">--%>
<%--                <td><img src="del.jpg" onclick="deleteThisPerson('${person.getUserAccount()}')"></td>--%>
<%--            </c:if>--%>


<%--            <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--                <td>--%>
<%--                    <c:if test="${session_person.getUserIdentify()==1}">--%>
<%--                        <img src="detail.jpg" onclick="detailTask('${person.getUserAccount()}')">--%>
<%--                        &lt;%&ndash;                     <img src="detail.jpg" onclick="detailTask('${person.getUserAccount()}')">&ndash;%&gt;--%>
<%--                    </c:if>--%>

<%--                    <c:if test="${session_person.getUserIdentify()==2}">--%>
<%--                        <img src="up.jpg" onclick="upThisPerson('${person.getUserAccount()}')">--%>
<%--                    </c:if>--%>
<%--                </td>--%>
<%--            </c:if>--%>

<%--            <c:if test="${session_person.getUserIdentify()==0}">--%>
<%--                <td><img onclick="addTeacher('${person.getUserAccount()}')" src="addTeacher.jpg"></td>--%>
<%--            </c:if>--%>
<%--        </tr>--%>

<%--    </c:forEach>--%>

<%--    </tbody>--%>


<%--</table>--%>

<%--</body>--%>

<%--<script>--%>

<%--    function addTeacher(teacherAccount){--%>
<%--        window.location.href = "student.action?action=addTeacher&teacherAccount="+teacherAccount;--%>
<%--    }--%>

<%--    function detailTask(studentAccount) {--%>
<%--        console.log(studentAccount)--%>
<%--        window.location.href = "tea.action?action=goStudentTaskDetail&studentAccount="+studentAccount;--%>
<%--    }--%>
<%--    function deleteThisPersonByTeacher(studentAccount) {--%>
<%--        window.location.href = "tea.action?action=deleteThisPersonByTeacher&studentAccount="+studentAccount--%>
<%--    }--%>
<%--    function upThisPerson(userAccount) {--%>
<%--        alert("修改:"+userAccount)--%>
<%--    }--%>

<%--</script>--%>
<%--</html>--%>









<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/7--%>
<%--  Time: 11:03--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        body {--%>
<%--            font-family: 'Arial', sans-serif;--%>
<%--            background-color: #f0f0f0;--%>
<%--            margin: 0;--%>
<%--            padding: 0;--%>
<%--        }--%>
<%--        .container {--%>
<%--            width: 1200px;--%>
<%--            margin: 0 auto;--%>
<%--            padding: 20px;--%>
<%--            background-color: #fff;--%>
<%--            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);--%>
<%--            border-radius: 10px;--%>
<%--        }--%>
<%--        .search-bar {--%>
<%--            display: flex;--%>
<%--            justify-content: space-between;--%>
<%--            align-items: center;--%>
<%--            background-color: #007bff;--%>
<%--            padding: 10px 20px;--%>
<%--            border-radius: 10px;--%>
<%--            margin-bottom: 20px;--%>
<%--        }--%>
<%--        .search-bar input[type="text"] {--%>
<%--            width: 450px;--%>
<%--            padding: 10px;--%>
<%--            font-size: 18px;--%>
<%--            border: none;--%>
<%--            border-radius: 5px;--%>
<%--            outline: none;--%>
<%--        }--%>
<%--        .search-bar input[type="submit"] {--%>
<%--            padding: 10px 20px;--%>
<%--            font-size: 18px;--%>
<%--            color: #fff;--%>
<%--            background-color: #0056b3;--%>
<%--            border: none;--%>
<%--            border-radius: 5px;--%>
<%--            cursor: pointer;--%>
<%--            transition: background-color 0.3s;--%>
<%--        }--%>
<%--        .search-bar input[type="submit"]:hover {--%>
<%--            background-color: #004494;--%>
<%--        }--%>
<%--        table {--%>
<%--            width: 100%;--%>
<%--            border-collapse: collapse;--%>
<%--            margin-bottom: 20px;--%>
<%--        }--%>
<%--        th, td {--%>
<%--            padding: 15px;--%>
<%--            text-align: center;--%>
<%--            border-bottom: 1px solid #dee2e6;--%>
<%--        }--%>
<%--        th {--%>
<%--            background-color: #007bff;--%>
<%--            color: #fff;--%>
<%--            font-weight: bold;--%>
<%--        }--%>
<%--        tr:nth-of-type(odd) {--%>
<%--            background-color: #f8f9fa;--%>
<%--        }--%>
<%--        tr:hover {--%>
<%--            background-color: #f1f1f1;--%>
<%--        }--%>
<%--        .action-buttons img {--%>
<%--            width: 30px;--%>
<%--            height: 30px;--%>
<%--            cursor: pointer;--%>
<%--            transition: transform 0.3s;--%>
<%--        }--%>
<%--        .action-buttons img:hover {--%>
<%--            transform: scale(1.1);--%>
<%--        }--%>
<%--        .lf {--%>
<%--            width: 15%;--%>
<%--        }--%>
<%--        .rg {--%>
<%--            width: 85%;--%>
<%--        }--%>
<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%--</head>--%>
<%--<body>--%>
<%--&lt;%&ndash; searchMyStudent  matchText&ndash;%&gt;--%>
<%--<div class="container">--%>
<%--    <div class="search-bar">--%>
<%--        <c:if test="${session_person.getUserIdentify()==0}">--%>
<%--            <form action="student.action?action=searchTeacher" method="post" style="display: inline-block;">--%>
<%--                <input type="text" name="matchText" placeholder="搜索...">--%>
<%--                <input type="submit" value="查询">--%>
<%--            </form>--%>
<%--        </c:if>--%>
<%--        <c:if test="${session_person.getUserIdentify()==1}">--%>
<%--            <form action="tea.action?action=searchMyStudent" method="post" style="display: inline-block;">--%>
<%--                <input type="text" name="matchText" placeholder="搜索...">--%>
<%--                <input type="submit" value="查询">--%>
<%--            </form>--%>
<%--        </c:if>--%>
<%--        <c:if test="${session_person.getUserIdentify()==2}">--%>
<%--            <form action="man.action?action=search" method="post" style="display: inline-block;">--%>
<%--                <input type="text" name="matchText" placeholder="搜索...">--%>
<%--                <input type="submit" value="查询">--%>
<%--            </form>--%>
<%--        </c:if>--%>
<%--    </div>--%>

<%--    <table>--%>
<%--        <thead>--%>
<%--        <tr>--%>
<%--            <th class="lf">账户</th>--%>
<%--            <th class="lf">姓名</th>--%>
<%--            <th class="lf" style="width: 10%">性别</th>--%>
<%--            <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--                <th class="lf">生日</th>--%>
<%--                <th class="lf">身份证号码</th>--%>
<%--                <th class="lf">角色</th>--%>
<%--            </c:if>--%>
<%--            <th class="lf">其它名称</th>--%>
<%--            <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--                <th>删除</th>--%>
<%--            </c:if>--%>
<%--            <th style="width: 15%">操作</th>--%>
<%--        </tr>--%>
<%--        </thead>--%>
<%--        <tbody>--%>
<%--        <c:forEach items="${arr}" var="person">--%>
<%--            <tr>--%>
<%--                <td class="lf">${person.getUserAccount()}</td>--%>
<%--                <td class="lf">${person.getUserName()}</td>--%>
<%--                <td class="lf">${person.getUserSex()}</td>--%>
<%--                <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--                    <td class="lf">${person.getUserBirthday()}</td>--%>
<%--                    <td class="lf">${person.getUserIdCard()}</td>--%>
<%--                    <td class="lf">--%>
<%--                        <c:if test="${person.getUserIdentify()==0}">--%>
<%--                            学生--%>
<%--                        </c:if>--%>
<%--                        <c:if test="${person.getUserIdentify()==1}">--%>
<%--                            老师--%>
<%--                        </c:if>--%>
<%--                    </td>--%>
<%--                </c:if>--%>
<%--                <td class="lf">${person.getUserOtherName()}</td>--%>

<%--                <c:if test="${session_person.getUserIdentify()==1}">--%>
<%--                    <td class="action-buttons"><img src="del.jpg" onclick="deleteThisPersonByTeacher('${person.getUserAccount()}')"></td>--%>
<%--                </c:if>--%>

<%--                <c:if test="${session_person.getUserIdentify()==2}">--%>
<%--                    <td class="action-buttons"><img src="del.jpg" onclick="deleteThisPerson('${person.getUserAccount()}')"></td>--%>
<%--                </c:if>--%>

<%--                <c:if test="${session_person.getUserIdentify()!=0}">--%>
<%--                    <td class="action-buttons">--%>
<%--                        <c:if test="${session_person.getUserIdentify()==1}">--%>
<%--                            <img src="detail.jpg" onclick="detailTask('${person.getUserAccount()}')">--%>
<%--                        </c:if>--%>
<%--                        <c:if test="${session_person.getUserIdentify()==2}">--%>
<%--                            <img src="up.jpg" onclick="upThisPerson('${person.getUserAccount()}')">--%>
<%--                        </c:if>--%>
<%--                    </td>--%>
<%--                </c:if>--%>

<%--                <c:if test="${session_person.getUserIdentify()==0}">--%>
<%--                    <td class="action-buttons"><img onclick="addTeacher('${person.getUserAccount()}')" src="addTeacher.jpg"></td>--%>
<%--                </c:if>--%>
<%--            </tr>--%>
<%--        </c:forEach>--%>
<%--        </tbody>--%>
<%--    </table>--%>
<%--</div>--%>

<%--<script>--%>
<%--    function addTeacher(teacherAccount){--%>
<%--        window.location.href = "student.action?action=addTeacher&teacherAccount="+teacherAccount;--%>
<%--    }--%>

<%--    function detailTask(studentAccount) {--%>
<%--        console.log(studentAccount)--%>
<%--        window.location.href = "tea.action?action=goStudentTaskDetail&studentAccount="+studentAccount;--%>
<%--    }--%>
<%--    function deleteThisPersonByTeacher(studentAccount) {--%>
<%--        window.location.href = "tea.action?action=deleteThisPersonByTeacher&studentAccount="+studentAccount--%>
<%--    }--%>
<%--    function upThisPerson(userAccount) {--%>
<%--        alert("修改:"+userAccount)--%>
<%--    }--%>
<%--</script>--%>
<%--</html>--%>



<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/6/7
  Time: 11:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
        /*  f0f0f0  */
        }
        .container {
            width: 1400px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
        /*   fff */
        }
        .search-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #007bff;
            padding: 10px 20px;
            border-radius: 10px;
            margin-bottom: 20px;
            float: right; /* 将搜索栏浮动到右侧 */
        }
        .search-bar input[type="text"] {
            width: 1050px;
            padding: 10px;
            font-size: 18px;
            border: none;
            border-radius: 5px;
            outline: none;
        }
        .search-bar input[type="submit"] {
            padding: 10px 20px;
            font-size: 18px;
            color: #fff;
            background-color: #0056b3;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .search-bar input[type="submit"]:hover {
            background-color: #004494;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        th, td {
            padding: 15px;
            text-align: center;
            border-bottom: 1px solid #dee2e6;
        }
        th {
            background-color: #007bff;
            color: #fff;
            font-weight: bold;
        }
        tr:nth-of-type(odd) {
            background-color: #f8f9fa;
        }
        tr:hover {
            background-color: #e0d9d9;
        /*  f1f1f1 f8f9fa */
        }
        .action-buttons img {
            width: 30px;
            height: 30px;
            cursor: pointer;
            transition: transform 0.3s;
        }
        .action-buttons img:hover {
            transform: scale(1.1);
        }
        .lf {
            width: 15%;
        }
        .rg {
            width: 85%;
        }
        .table-container {
            top: -250px;
            /*clear: both; !* 确保表格在搜索栏下方正常显示 *!*/
            margin-left: 230px; /* 整体表格向右移动，可根据需要调整此值 */
        }

        /* 模态框样式 */
        .modal {
            display: none; /* 默认隐藏 */
            position: fixed; /* 固定定位 */
            z-index: 1; /* 置于顶层 */
            left: 0;
            top: 0;
            width: 100%; /* 全屏宽度 */
            height: 100%; /* 全屏高度 */
            overflow: auto; /* 允许滚动 */
            background-color: rgb(0,0,0); /* 背景颜色 */
            background-color: rgba(0,0,0,0.4); /* 背景颜色带透明度 */
        }

        /*!* 模态框内容 *!*/
        /*.modal-content {*/
        /*    background-color: #fefefe;*/
        /*    margin: 15% auto; !* 15% 顶部空间，水平居中 *!*/
        /*    padding: 20px;*/
        /*    border: 1px solid #888;*/
        /*    width: 80%; !* 宽度 *!*/
        /*    max-width: 600px; !* 最大宽度 *!*/
        /*}*/

        /*!* 关闭按钮 *!*/
        /*.close {*/
        /*    color: #aaa;*/
        /*    float: right;*/
        /*    font-size: 28px;*/
        /*    font-weight: bold;*/
        /*}*/

        /*.close:hover,*/
        /*.close:focus {*/
        /*    color: black;*/
        /*    text-decoration: none;*/
        /*    cursor: pointer;*/
        /*}*/


        /* 模态框样式 */
        .modal {
            display: none;
            /* 默认隐藏 */
            position: fixed;
            /* 固定定位 */
            z-index: 9999;
            /* 置于更高的顶层，确保在其他元素之上显示 */
            left: 0;
            top: 0;
            width: 100%;
            /* 全屏宽度 */
            height: 100%;
            /* 全屏高度 */
            overflow: auto;
            /* 允许滚动 */
            background-color: rgba(0, 0, 0, 0.8);
            /* 加深背景颜色带透明度，营造更炫酷的遮罩效果 */
            backdrop-filter: blur(5px);
            /* 添加模糊效果，增强视觉层次感 */
            -webkit-backdrop-filter: blur(5px);
            /* 兼容webkit浏览器 */
            animation: fadeInModal 0.3s ease;
            /* 添加淡入动画效果 */
        }

        /* 模态框显示时的淡入动画关键帧定义 */
        @keyframes fadeInModal {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        /* 模态框内容 */
        .modal-content {
            background-color: #fff;
            /*margin: 0 auto;*/
            margin-top: 120px;
            margin-left: 430px;
            /* 15% 顶部空间，水平居中 */
            padding: 20px;
            border: 1px solid #ccc;
            width: 80%;
            /* 宽度 */
            max-width: 600px;
            /* 最大宽度 */
            border-radius: 10px;
            /* 给模态框添加圆角，使其更圆润美观 */
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            /* 添加阴影效果，增强立体感 */
            transform: translateY(-50px);
            /* 初始时向上移动一点，用于后续动画效果 */
            opacity: 0;
            /* 初始透明度设为0，用于淡入动画 */
            animation: slideInModal 0.5s ease forwards;
            /* 添加滑入并渐现的动画效果，forwards表示动画结束后保持最后一帧状态 */
        }

        /* 模态框内容滑入并渐现的动画关键帧定义 */
        @keyframes slideInModal {
            to {
                transform: translateY(0);
                /* 最终回到正常位置 */
                opacity: 1;
                /* 完全显示 */
            }
        }

        /* 关闭按钮 */
        .close {
            color: #ccc;
            float: right;
            font-size: 28px;
            font-weight: bold;
            transition: color 0.3s ease;
            /* 添加颜色过渡效果，使交互更平滑 */
        }

        .close:hover,
        .close:focus {
            color: #666;
            /* 鼠标悬停或聚焦时的颜色变化，这里改为更暗一点的灰色，视觉效果更舒适 */
            text-decoration: none;
            cursor: pointer;
        }

        /* 表单内的标签样式 */
        .modal-content label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            color: #333;
            /* 标签文字颜色设为深灰色，更清晰易读 */
            transition: color 0.3s ease;
            /* 添加颜色过渡效果 */
        }

        /* 表单内输入框样式 */
        .modal-content input[type="text"],
        .modal-content input[type="date"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-sizing: border-box;
            transition: border-color 0.3s ease;
            /* 添加边框颜色过渡效果 */
        }

        .modal-content input[type="text"]:focus,
        .modal-content input[type="date"]:focus {
            border-color: #007bff;
            /* 输入框获得焦点时边框颜色变化，突出显示 */
            outline: none;
        }

        /* 提交修改按钮样式 */
        .modal-content input[type="submit"] {
            background-color: #007bff;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            /* 添加背景颜色过渡效果 */
        }

        .modal-content input[type="submit"]:hover {
            background-color: #0056b3;
            /* 鼠标悬停时背景颜色变化，增强交互效果 */
        }
    </style>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
</head>
<body>
<%-- searchMyStudent  matchText--%>
<div class="container">
    <div class="search-bar">
        <c:if test="${session_person.getUserIdentify()==0}">
            <form action="student.action?action=searchTeacher" method="post" style="display: inline-block;">
                <input type="text" name="matchText" placeholder="搜索...">
                <input type="submit" value="查询">
            </form>
        </c:if>
        <c:if test="${session_person.getUserIdentify()==1}">
            <form action="tea.action?action=searchMyStudent" method="post" style="display: inline-block;">
                <input type="text" name="matchText" placeholder="搜索...">
                <input type="submit" value="查询">
            </form>
        </c:if>
        <c:if test="${session_person.getUserIdentify()==2}">
            <form action="man.action?action=search" method="post" style="display: inline-block;">
                <input type="text" name="matchText" placeholder="搜索...">
                <input type="submit" value="查询">
            </form>
        </c:if>
    </div>
    <div class="table-container"> <!-- 新添加的容器，用于包裹表格，添加 clear 样式 -->
        <table>
            <thead>
            <tr>
                <th class="lf">账户</th>
                <th class="lf">姓名</th>
                <th class="lf" style="width: 10%">性别</th>
                <c:if test="${session_person.getUserIdentify()!=0}">
                    <th class="lf">生日</th>
                    <th class="lf">身份证号码</th>
                    <th class="lf">角色</th>
                </c:if>
                <th class="lf">其它名称</th>
                <c:if test="${session_person.getUserIdentify()!=0}">
                    <th>删除</th>
                </c:if>
                <th style="width: 15%">操作</th>
            </tr>
            </thead>
            <tbody>
            <c:forEach items="${arr}" var="person">
                <tr>
                    <td class="lf">${person.getUserAccount()}</td>
                    <td class="lf">${person.getUserName()}</td>
                    <td class="lf">${person.getUserSex()}</td>
                    <c:if test="${session_person.getUserIdentify()!=0}">
                        <td class="lf">${person.getUserBirthday()}</td>
                        <td class="lf">${person.getUserIdCard()}</td>
                        <td class="lf">
                            <c:if test="${person.getUserIdentify()==0}">
                                学生
                            </c:if>
                            <c:if test="${person.getUserIdentify()==1}">
                                老师
                            </c:if>
                        </td>
                    </c:if>
                    <td class="lf">${person.getUserOtherName()}</td>

                    <c:if test="${session_person.getUserIdentify()==1}">
                        <td class="action-buttons"><img src="del.jpg" onclick="deleteThisPersonByTeacher('${person.getUserAccount()}')"></td>
                    </c:if>

                    <c:if test="${session_person.getUserIdentify()==2}">
                        <td class="action-buttons"><img src="del.jpg" onclick="delThisPerson('${person.getUserAccount()}','${person.getUserIdentify()}')"></td>
                    </c:if>

                    <c:if test="${session_person.getUserIdentify()!=0}">
                        <td class="action-buttons">
                            <c:if test="${session_person.getUserIdentify()==1}">
                                <img src="detail.jpg" onclick="detailTask('${person.getUserAccount()}')">
                            </c:if>
<%--                            <c:if test="${session_person.getUserIdentify()==2}">--%>
<%--                                <img src="up.jpg" onclick="upThisPerson('${person.getUserAccount()}')">--%>
<%--                            </c:if>--%>

                            <c:if test="${session_person.getUserIdentify()==2}">
                                <img src="up.jpg" alt="修改" onclick="showUpdateForm('${person.getUserAccount()}', '${person.getUserName()}', '${person.getUserSex()}', '${person.getUserBirthday()}', '${person.getUserIdCard()}', '${person.getUserOtherName()}')">
                            </c:if>

                        </td>
                    </c:if>

                    <c:if test="${session_person.getUserIdentify()==0}">
                        <td class="action-buttons"><img onclick="addTeacher('${person.getUserAccount()}')" src="addTeacher.jpg"></td>
                    </c:if>
                </tr>
            </c:forEach>
            </tbody>
        </table>
    </div>
</div>
<!-- 模态框结构 -->
<div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span> <!-- 保留关闭按钮 -->
        <form id="updateForm" action="man.action?action=updatePerson" method="post">
            <input type="hidden" id="userAccount" name="userAccount">
            <label for="userName">姓名:</label>
            <input type="text" id="userName" name="userName"><br>
            <label for="userSex">性别:</label>
            <input type="text" id="userSex" name="userSex"><br>
            <label for="userBirthday">生日:</label>
            <input type="date" id="userBirthday" name="userBirthday"><br>
            <label for="userIdCard">身份证号码:</label>
            <input type="text" id="userIdCard" name="userIdCard"><br>
            <label for="userOtherName">其它名称:</label>
            <input type="text" id="userOtherName" name="userOtherName"><br>
            <input type="submit" value="提交修改">
        </form>
    </div>
</div>
<script>
    function delThisPerson(userAccount,userIdentify) {
        window.location.href = "man.action?action=delThisPerson&userAccount="+userAccount+"&userIdentify="+userIdentify;
    }

    function addTeacher(teacherAccount){
        window.location.href = "student.action?action=addTeacher&teacherAccount="+teacherAccount;
    }

    function detailTask(studentAccount) {
        console.log(studentAccount)
        window.location.href = "tea.action?action=goStudentTaskDetail&studentAccount="+studentAccount;
    }
    function deleteThisPersonByTeacher(studentAccount) {
        window.location.href = "tea.action?action=deleteThisPersonByTeacher&studentAccount="+studentAccount
    }
    // function upThisPerson(userAccount) {
    //     // alert("修改:"+userAccount)
    //     window.location.href = "tea.action?action=upThisPersonByTeacher&studentAccount="+userAccount
    // }



    // 显示模态框
    function showUpdateForm(userAccount, userName, userSex, userBirthday, userIdCard, userOtherName) {
        document.getElementById('userAccount').value = userAccount;
        document.getElementById('userName').value = userName;
        document.getElementById('userSex').value = userSex;
        document.getElementById('userBirthday').value = userBirthday;
        document.getElementById('userIdCard').value = userIdCard;
        document.getElementById('userOtherName').value = userOtherName;
        document.getElementById('myModal').style.display = 'block';
    }

    // 隐藏模态框
    function closeModal() {
        document.getElementById('myModal').style.display = 'none';
    }

    // 当点击模态框外的区域或关闭按钮时关闭模态框
    window.onclick = function(event) {
        if (event.target == document.getElementById('myModal') || event.target.classList.contains('close')) {
            closeModal();
        }
    }

    // 阻止关闭按钮的默认点击行为（如果需要）
    document.getElementsByClassName('close')[0].onclick = function(event) {
        event.stopPropagation();
        closeModal();
    }

</script>
</html>